<title>Research Topics</title>
<link rel="icon" href="img/Androidpirate.png" type="image/x-icon">
<meta charset="UTF-8" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" />
<link href="css.css" rel="stylesheet" />
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.0.943/pdf.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>

<div class="container" id="container">
  <nav class="navbar navbar-inverse navbar-fixed-top">
    <ul class="nav navbar-nav">
      <li class="active"><a href="#">Lunde Chen Research Topics</a></li>
    </ul>
  </nav>

  <div id="content"></div>

</div>

<footer class="bg-light text-center text-lg-start">
  <div class="text-center p-3">&copy; Copyright: <a data-content="Lunde Chen" data-toggle="Lunde Chen" href="#"
      title="Lunde Chen">Lunde Chen</a></div>
</footer>

<script>
  const docs = "research-topics.md"
  async function run() {
    let file = await fetch(docs)
    let text = await file.text()
    document.getElementById('content').innerHTML =
      marked.parse(text);
  }
  run()
</script>
